<template>
  <view class="my-container">
    <!-- 用户未登录时，显示登录组件 -->
    <my-index v-if="!token"></my-index>
    <!-- 用户登录后，显示用户信息组件 -->
    <my-userinfo :followCount="followCount" :fansCount="fansCount" v-else></my-userinfo>
  </view>
</template>

<script>

  // 从 vuex 中按需导入 mapState 辅助函数
  import {
    mapState
  } from 'vuex'
  export default {
    
    computed: {
      //  从 m_user 模块中导入需要的 token 字符串
      ...mapState('m_user', ['token']),
    },
    data() {
      return {
        followCount: 0,
        fansCount: 0,
      }
    },

    onShow() {
      if(uni.getStorageSync('token')){
        this.getCountRequest();
      }
    },

    methods: {
      getCountRequest(){
          // 获取关注和粉丝数
          uni.$http
          .get(`/follow/getCount?userId=${uni.getStorageSync('userId')}`)
          .then((res) => {
            console.log("获取关注和粉丝数", res.data);
            const responseData = res.data;
            if (responseData.code === 200) {
              this.followCount = responseData.data.followCount;
              this.fansCount = responseData.data.fansCount;
            }
          })
          .catch((err) => {
            console.error('获取关注和粉丝数失败:', err);
          })
      },
    }
  }
</script>

<style lang="scss">
  page,
  .my-container {
    height: 100%;
  }
</style>